<!--
 * @Author: jiutian
 * @Date: 2023-01-31 10:58:52
 * @LastEditTime: 2023-02-06 14:15:56
 * @LastEditors:  
-->
<script setup lang="ts">
import Header from "@/components/Header.vue";
</script>

<template>
  <div class="homePage">
    <header><Header /></header>
    <main>
      <div class="content">
        <router-view />
      </div>
    </main>
  </div>
</template>



<style lang="scss" scoped>
.homePage {
  // width: 100vw;
  // height: 100vh;
  background-color: #f9f9f9;
  padding-bottom: 10px;
  header {
    background-color: #fff;
  }
  main {
    margin-top: 10px;
    height: calc(100vh - 70px);
    overflow: auto;

    .content {
      width: 70%;
      margin: 0 auto;
      min-height: 100%;
      background-color: #fff;
      display: flex;
      > div {
        flex: 1;
      }
    }
  }
}
</style>>
